<!DOCTYPE html>
<html>

@include("../head.html"){}

<body id="single">
<div class="container">
    @include("../menu.html"){}
</div>

<div class="content-body">
    <div class="container">
        <div class="row">
            <main class="col-md-12">
                <article class="post post-1">
                    <header class="entry-header">
                        <h1 class="entry-title">${post.title}</h1>

                        <div class="entry-meta">
                            <span class="post-category">
                                <a href="${basePath}post/category/${post.category.slug}">${post.category.name}</a>
                            </span>

                            <span class="post-date">
                                <a href="${basePath}post/date/${post.postDate,'yyyy'}/${post.postDate,'MM'}">
                                    <time class="entry-date" datetime="${post.postDate,'yyyy年MM月dd日'}">${post.postDate,"yyyy年MM月dd日"}</time>
                                </a>
                            </span>

                            <span class="post-author">
                                <a href="${basePath}post/user/${post.user.id}">${post.user.nickname}</a>
                            </span>

                            <span class="comments-link">
                                <a href="#ds-reset" class="ds-thread-count" data-thread-key="${post.id}" data-count-type="comments"></a>
                            </span>
                        </div>
                    </header>
                    <div class="entry-content clearfix">
                        ${post.content}
                    </div>
                </article>
            </main>

        </div>

        @if(post.commentStatus=='OPEN'){
        <div class="row">
            <div class="col-lg-12 entry">
                <div class="ds-thread" data-thread-key="${post.id}" data-title="${post.title}" data-url="${basePath}post/${post.id}"></div>
            </div>
        </div>
        @}
    </div>



    @if(post.commentStatus=='OPEN'){
    <script type="text/javascript">
        var duoshuoQuery = {short_name:"jthinker"};
        (function() {
            var ds = document.createElement('script');
            ds.type = 'text/javascript';ds.async = true;
            ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
            ds.charset = 'UTF-8';
            (document.getElementsByTagName('head')[0]
            || document.getElementsByTagName('body')[0]).appendChild(ds);
        })();
    </script>
    @}

</div>
@include("../foot.html"){}

@include("../mobileMenu.html"){}

@include("../base.html"){}

</body>
</html>
